<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>RRA</title>
        <link rel="stylesheet" type="text/css"
              href="${pageContext.request.contextPath}/resources/css/redmond/jquery-ui-1.8.23.custom.css" />
        <link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/resources/images/favicon.ico"/>

        <link href="${pageContext.request.contextPath}/resources/css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-ui-1.8.22.custom.min.js"></script>

        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/styles.css" />
        <style type="text/css">
            #dashBoardDiv{
                display: block; 
                top: -150px;
                left: 375px; 
                width: 565px; 
                position: relative; 
                height: 444px;                 
                border-radius: 12px 12px 10px 10px;                
                border: 1px solid;
            }
            #dashBoardHeader{
                position: relative;
                top: -1px;
                left:-1px;
                width: 567px;
                height: 38px;
                border-radius: 7px 10px 5px 5px;
                display: block;
                background-color: #087BB0;
            }
            .dashBoardText{
                position: relative;
                top: 10px;
                left:20px;
                color: white;
            }

            #morqueeDiv{
                position: relative;
                top: 16px;
                width: 564px;
                height: 20px;
                color: red; 
                font-size: 15px;
            }

            #dashBoardContent1{
                position: relative;
                top: 30px;
                left: 15px;
                width: 260px;
                height: 160px;

            }
            #dashBoardContent2{
                position: relative;
                top: -133px;
                left: 290px;
                width: 260px;
                height: 160px;

            }
            #dashBoardContent3{
                position: relative;
                top: -117px;
                left: 15px;
                width: 260px;
                height: 160px;                

            }
            #dashBoardContent4{
                position: relative;
                top: -279px;
                left: 290px;
                width: 260px;
                height: 160px;               

            }

            #rraMenuDiv{
                position: relative;
                top: 40px;
                width: 300px;
                height: 200px;

            }
        </style>

    </head>
    <body>
        <div id="mian_body">
            <div class="main">
                <div class="header">
                    <div class="hbg">
                        <img src="${pageContext.request.contextPath}/resources/images/header-about.png" width="972" height="100" alt="" style="border-radius: 20px 20px 20px 20px;" />
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="content">
                    <div class="content_bg">
                        <div class="mainbar">
                        </div>
                        <div class="sidebar">
                            <div id="rraMenuDiv">
                                <div class="right-nav">
                                    <ul>
                                        <li class="current"><a href="#">DashBoard</a></li>
                                        <li><a href="#">Reconciliation For E-Tax</a></li>
                                        <li><a href="${pageContext.request.contextPath}/rraHome/nonFiscal">System For Non-Fiscal Revenue Collection</a></li>
                                        <li><a href="#">Financial Statement For Fiscal and Non-Fiscal</a></li>
                                        <li><a href="#">Accounting System</a></li>

                                    </ul>
                                </div>
                            </div>
                            <div id="dashBoardDiv">
                                <div id="dashBoardHeader">
                                    <span class="dashBoardText">Dash Board</span>
                                </div>
                                <div id="morqueeDiv">
                                    <marquee behavior="scroll" direction="left" scrollamount = "3">Fiscal & Non-Fiscal Reports</marquee>
                                </div>
                                <div id="dashBoardContent1">
                                    <img src="${pageContext.request.contextPath}/resources/images/rra_img1.jpg" width="260" height="160" alt="" />
                                </div>
                                <div id="dashBoardContent2">
                                    <img src="${pageContext.request.contextPath}/resources/images/rra_img2.png" width="260" height="160" alt="" />
                                </div>
                                <div id="dashBoardContent3">
                                    <img src="${pageContext.request.contextPath}/resources/images/rra_img3.jpg" width="260" height="160" alt="" />
                                </div>
                                <div id="dashBoardContent4">
                                    <img src="${pageContext.request.contextPath}/resources/images/rra_img1.jpg" width="260" height="160" alt="" />
                                </div>
                            </div>
                        </div>

                        <div class="clr"></div>
                    </div>
                </div>
                <div class="clr"></div>
            </div>

            <div class="footer">
                <div class="footer_resize">
                    <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
                    <p class="rf">Layout by Cool <a href="#">Website Templates</a></p>
                    <div class="clr"></div>
                </div>
            </div>
        </div>
    </body>
</html>